<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>
<head>
<title>左下家居创意设计官网</title> ﻿
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport"
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<link rel="stylesheet" href="admin/lib/layui/css/layui.css" type="text/css" />
<script type="text/javascript" src="admin/lib/layui/layui.js"></script>
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>
</head>

<body>

<!--	<div id="head"></div>-->
<!--	<script type="text/javascript">-->
<!--		$('#head').load('head.html')-->
<!--	</script>-->

<!-- TODO 替换为head.html -->
<div class="header-top" >
	<div class="width-center">
		<div class="header-logo ">
			<img src="images/zuoxialogo.jpg" height="100px" width="100px">
		</div>
		<div class="header-title div-inline">
			<strong>左下家居</strong> <span>zuoxiajiaju</span>
		</div>
		<div class="search-box div-inline">
			<div class="input-box">
				<input type="text" name="" id="newT" value="" placeholder="请输入关键字">
			</div>
			<div class="search-botton" onclick=""></div>
		</div>
	</div>
</div>
<div class="header-nav">
	<button class="am-show-sm-only am-collapsed font f-btn"
			data-am-collapse="{target: '.header-nav'}">
		Menu <i class="am-icon-bars"></i>
	</button>
	<nav>
		<ul class="header-nav-ul am-collapse am-in">
			<li class="on"><a href="IndexServlet?reqName=toIndex" name="index">首页</a></li>
			<li><a href="AboutServlet?reqName=toAbout" name="about">关于我们</a></li>
			<li><a href="ProductServlet?reqName=toProductlist&pteid=1" name="show">案例展示</a></li>
			<li><a href="NewsServlet?reqName=tonews" name="new">新闻资讯</a></li>
			<li><a href="LxServlet?reqName=toContact" name="message">联系我们</a>
				<div class="secondary-menu">
					<ul>
						<li><a href="message.jsp" class="message"></a></li>
					</ul>
				</div>
			</li>
		</ul>
	</nav>
</div>
<!-- header end -->

	<div class="layui-carousel" id="test1">
		<div carousel-item>
			<c:forEach items="${carouselList }" var="c">
			<div>
				<img src="images/${c.crurl }" height="600px" width="100%">
			</div>
			</c:forEach>
		</div>
	</div>

	<section class="index-section">
		<div>
			<span></span> <span></span>
		</div>
		<div class="index-content">
			<section class="index-content-section-first">
				<div>
					<img src="images/sectionbanner.png" alt="">
				</div>
			</section>
			<section class="index-content-section-second">
				<div>
					<div class="index-auto">
						<article>公司介绍</article>
						<h6>COMPANY INTRODUCTION</h6>
							<main>${cpydeiIntro }</main>
							<a class="index-button" href="AboutServlet?reqName=toAbout">查看详情</a>
					</div>
				</div>
			</section>
		</div>
	</section>

	<section class="index-product">
		<main>
			<ul>
			<c:forEach items="${ptypeList }" var="p">
			
				<li class="index-active">
					<a href="ProductServlet?reqName=toProductlist&pteid=1">${p.ptename }</a>
				</li>
			
			
			</c:forEach>
			</ul>
		</main>
	</section>


	<section class="index-margin-bottom">
		<div class="index-morecase">
			<span></span> <a href="ProductServlet?reqName=toProductlist&pteid=1">MORE &#62; &#62;</a>
		</div>
		<div class="index-content">
			<div class="product-list">
				
				<c:forEach items="${produtList }" var="a">	
					<div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
						<a href="ProductServlet?reqName=toProductDetails&proid=1">
							<img src="images/${a.prodefauiimg }" />
						</a>
					</div>
				</c:forEach>
				
			</div>
		</div>
	</section>


	<section class="index-margin-bottom">
		<div class="index-morecase">
			<span></span> <a href="NewsServlet?reqName=tonews">MORE &#62; &#62;</a>
			
		</div>
		<div class="index-content">


			<div class="new-index">
			<ul>
					<li><img src="images/productlogo.png" alt=""></li>
					<li>
						<a href="article_list_content.jsp">
							<h3>左下家居全国首家轻奢馆亮相深圳，汪涵为康纯板点赞</h3>
						</a>
					</li>
				</ul>
				
				<ul>
				
					<!-- <li>
						<a href="article_list_content.html">
							<h3>出发！世界地球日，邀您探“索”环保生产之旅</h3>
							<article>
								月22日是一年一度的世界地球日...
							</article>
						</a>
					</li>
					<li>
						<a href="article_list_content.html">
							<h3>在北大荣耀加冕，左下及董事长双双获奖</h3>
							<article>
								5月16日，由新财富和北京大学...
							</article>
						</a>
					</li>
					<li>
						<a href="article_list_content.html">
							<h3>左下家居荣获第十届投资者关系天马奖最佳董事会奖</h3>
							<article>
								4月26日，“新格局 新路径 ...
							</article>
						</a>
					</li>
					<li>
						<a href="article_list_content.html">
							<h3>提升订单配置准确率 满足个性化定制需求</h3>
							<article>
								近年来，智慧工厂、机器人餐厅、...
							</article>
						</a>
					</li> -->
					
					
			
			<c:forEach items="${newsList}" var="n2" varStatus="s">
			
			<li>
					<a href="NewsContentServlet?reqName=tonewscontent&newsid=${n2.newsid }">
						<h3>${n2.newstitle }</h3>
						<article>
						 <c:if test="${fn:length(n2.newscontent)>10}">
		                      ${fn:substring(n2.newscontent, 0, 10)} ...
		                  </c:if>
		                  <c:if test="${fn:length(n2.newscontent)<=10}">
		                      ${n2.newscontent}
		                  </c:if>
						</article>
					</a>
			</li>
			
			</c:forEach>

			</div>
		</div>
	</section>

<!--	<div id="foot"></div>-->
<!--	<script type="text/javascript">-->
<!--		$('#foot').load('foot.html')-->
<!--	</script>-->

<!-- TODO 替换为foot.html -->

<div>
	<div class="footer-info">
		<div class="footer-content">
			<img src="images/qccode.png" alt="">
			<div>
				<p></p>
				<div class="footer-box">
					<i class="icon-tel"></i>
					<span>公司电话:</span>
					<span>400-921-3900</span>
				</div>
				<div class="footer-box">
					<i class="icon-email"></i>
					<span>公司邮箱:</span>
					<span>4009213900@qq.com</span>
				</div>
				<div class="footer-box">
					<i class="icon-address"></i>
					<span>公司地址:</span>
					<span>河南省驻马店市驿城区驻马店职业技术学院</span>
				</div>
			</div>
		</div>
	</div>
	<style>
		.footer-bottom a{color:#F1404B}
	</style>
	<div class="footer-bottom"><div style="text-align:center;color:#fff;line-height:100px;"><span><a href="http://www.ysd3g.com/" target="_blank" title="好主题">云时代</a>提供 - More Templates <a href="http://www.ysd3g.com/" target="_blank" title="更多信息">更多信息</a> </span></div></div>
</div>

<!-- foot end -->

	<!-- 轮播图控制 -->
	<script type="text/javascript">
		layui.use('carousel', function() {
			var carousel = layui.carousel;
			//建造实例
			carousel.render({
				elem : '#test1',
				width : '100%' ,
				height : '600px' //设置容器宽度
				,
				arrow : 'always' //始终显示箭头
			//,anim: 'updown' //切换动画方式
			});
		});
	</script>
</body>
</html>